<template>
  <div id="head">
    <!-- 头部 -->
    <div class="header flex">
      <img class="header_hd logo" src="@/images/logo.png" style="height: 30px;">
      <p class="header_bd">河北家乡棋牌</p>
      <a href="/index.php/Mobile/index.html">
        <img class="header_hd" src="@/images/shouye_icon.png" style="height: 30px;">
      </a>
    </div>
  </div>
</template>

<style scoped>
.header {
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  height: 44px;
  padding: 0 15px;
  background: #fff;
}
.router-view {
  width: 100%;
  top: 46px;
}
.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.logo {
  border-radius: 50%;
  margin-right: 5px;
}
.page__title {
  font-size: 20px;
  font-weight: 400;
}
.header_bd {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.header_ft {
  color: #999999;
}
</style>
